<template>
    <div>
        <input type="text" v-model.trim="txtVal1" @keyup.enter="hdClick1">
        <hr>
        <input type="number" v-model.number="txtVal2" @keyup.enter="hdClick2">
        <hr>
        <input type="text" v-model.lazy="txtVal3">
        <p>txtVal3: {{txtVal3}}</p>
    </div>
</template>

<script> 
export default {
    name:'',
    components: {

    },
    props: {

    },
    data() {
        return {
            txtVal1:'',
            txtVal2:'',
            txtVal3:''
        };
    },
    methods: {
        hdClick1(){
            console.log(this.txtVal1)
        },
        hdClick2(){
            console.log(this.txtVal2,typeof this.txtVal2)
        }
    },
    computed: {

    },
    watch: {

    },
    created() {

    },
    mounted() {

    },
    
};
</script>

<style scoped lang="scss">

</style>
